@import url("bootstrap-icons.css");
@keyframes zxcp{ from { transform: translateY(-5px); } to{ transform: translateY(5px); } }
@keyframes puBanner { from {transform: translateY(100px); opacity:0;} to {transform: translateY(0px);opacity:1;} } 
@keyframes bannerimg { from {transform: scale(1.2);} to {transform: scale(1);} } 
@keyframes jiantoushang { from { opacity:0;} to { opacity:1;} }
@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)} 50%{transform:scale(1);-webkit-transform:scale(1)}}
@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)} 50%{-webkit-transform:scale(1)}}
@keyframes showNav {from {left: -100%;} to {left: 0;}}
@-webkit-keyframes showNav {from {left: -100%;} to {left: 0;}}
@-moz-keyframes showNav {from {left: -100%;}  to {left: 0;}}
@-o-keyframes showNav {from {left: -100%;} to {left: 0;}}
@keyframes hideNav {from {left: 0;} to {left: -100%;}}
@-webkit-keyframes hideNav {from {left: 0;} to {left: -100%;}}
@-moz-keyframes hideNav {from {left: 0;} to {left: -100%;}}
@-o-keyframes hideNav {from {left: 0;}to {left: -100%;}}
@-webkit-keyframes icoDown {0% {opacity: 0;top: 10%;}50% {top: 30%;opacity: 1;}100% {top: 60%;opacity: 0;}}
@keyframes icoDown {0% {opacity: 0;top: 10%;}50% {top: 30%;opacity: 1;}100% {top: 60%;opacity: 0;}}
/* ==========================================================================
2. GENERAL
========================================================================== */
html{overflow-x:hidden;font-size:16px;}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;font-size:0.875rem;font-weight:400;background:#fff;overflow-x:hidden}
img,video{ max-width:100%; height:auto;}
.h-180{ max-height:180px;}
p{margin-bottom:0}
a{color:#666;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
a.nivo-lightbox-close{ color:#fff;}
a:focus,a:hover{color:#666;transition:0.3s all; } 
h1,h2,h3,h4,h5{font-family:Montserrat,sans-serif;font-weight:700;}
ul{margin:0;padding:0}
ul li{list-style:none}
a:focus,a:hover{text-decoration:none;outline:0}
.clear{clear:both}
.text-truncate-2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
/*
a:not([href]):not([tabindex]){color:#fff}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:#fff}
*/
#init .container,#footer .container{ max-width: 1230px;}
#header{ position:absolute; left:0; top:0; width:100%; z-index:10;}
.headerbg{ width:100%; max-width:1750px; margin:0 auto;}
.headernav{ padding:0 0!important; background:rgba(255,255,255,0.8);}
.navbar-brand{height:5rem; line-height:5rem; overflow:hidden; margin:0; padding-top:0; padding-bottom:0;}
.navbar-brand span{ vertical-align:top;}
.navbar-brand img{max-height:5rem;margin:0;}
.headernav .navbar-nav li.nav-item{position:relative;}
.headernav .navbar-nav .nav-link{color: #000;font-size:1rem;line-height:5rem; margin:0 0; padding:0 1rem;position:relative; display:block;}
.navbar-expand-md .navbar-nav .nav-link:focus,.navbar-expand-md .navbar-nav .nav-link:hover,.navbar-expand-md .navbar-nav .active>.nav-link,.navbar-expand-md .navbar-nav .nav-link.active,.navbar-expand-md .navbar-nav .nav-link.open,.navbar-expand-md .navbar-nav .open>.nav-link{color:#ac7161;}
.navbar-expand-md .navbar-toggler{border-radius:0;margin:0;cursor:pointer;float:right;margin:0;outline: 0;}
.navbar-toggler:hover .icon-bars,.navbar-toggler:focus .icon-bars{ background-color: #9a2221;}
.navbar-toggler:focus { cursor: pointer; z-index: 999999;}
.navbar-toggler .icon-bars { display: block; margin: 0.375rem 0; width: 2rem; height: 0.125rem; background-color: #dbbd94;-webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999;}
.navbar-toggler .icon-bars {z-index: 999999; background-color: #9a2221;}
.navbar-toggler .top {-webkit-transform: translateY(8px) rotateZ(45deg);-moz-transform: translateY(8px) rotateZ(45deg);-ms-transform: translateY(8px) rotateZ(45deg);-o-transform: translateY(8px) rotateZ(45deg);transform: translateY(8px) rotateZ(45deg);}
.navbar-toggler .bottom {-webkit-transform: translateY(-8px) rotateZ(-45deg);-moz-transform: translateY(-8px) rotateZ(-45deg);-ms-transform: translateY(-8px) rotateZ(-45deg);-o-transform: translateY(-8px) rotateZ(-45deg);transform: translateY(-8px) rotateZ(-45deg);}
.navbar-toggler .middle {width: 0;}
.navbar-toggler.collapsed .top {-webkit-transform: translateY(0) rotateZ(0);-moz-transform: translateY(0) rotateZ(0);-ms-transform: translateY(0) rotateZ(0g);-o-transform: translateY(0) rotateZ(0g);transform: translateY(0) rotateZ(0);}
.navbar-toggler.collapsed .bottom {-webkit-transform: translateY(0) rotateZ(0);-moz-transform: translateY(0) rotateZ(0);-ms-transform: translateY(0) rotateZ(0);-o-transform: translateY(0) rotateZ(-45deg);transform: translateY(0) rotateZ(0);}
.navbar-toggler.collapsed .middle {width: 100%;}
.dropdown-toggle::after{ display:none;}
.headernav ul.dropdown-menu{ margin:0 0; padding:0 0;border:none;box-shadow:0 3px 3px -1px #ccc;border-top: 3px solid #9a2221;border-radius:0; background:none;width:100%;left:0%;}
.headernav ul.dropdown-menu li{background:#fff;}
.headernav ul.dropdown-menu li a.dropdown-item{ color:#333;font-size:0.875rem; line-height:2.375rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block;}
.headernav ul.dropdown-menu li a.dropdown-item:hover{background:#f2f2f2; color:#333;}
/*
.collapse.show{margin-bottom:10px;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.menu-bg .collapse.show{background:#fff;margin-bottom:10px;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
*/
.headernav .navbar-nav .nav-item.language{position:relative;}
.headernav .navbar-nav .nav-item.language .nav-link{display:inline-block;}
.headernav .navbar-nav .nav-item.language i{ font-style:normal; color:#000; display:inline-block; margin:0 -0.8rem; font-size:1rem;}
@media (min-width: 1441px) and (max-width: 1700px) {
.headernav .navbar-nav .nav-link{ padding:0 0.7rem;}
.headernav .navbar-nav .nav-item.language i{ margin:0 -0.35rem;}
}
@media (min-width: 1280px) and (max-width: 1440px) {
.headernav .navbar-nav .nav-link{font-size:0.875rem; padding:0 0.5rem;}
.headernav .navbar-nav .nav-item.language i{ margin:0 -0.3rem;font-size:0.875rem;}
}
@media (min-width: 1441px) and (max-width: 1600px) {
.headernav .navbar-nav .nav-link{font-size:0.875rem; padding:0 0.5rem;}
.headernav .navbar-nav .nav-item.language i{ margin:0 -0.3rem;font-size:0.875rem;}
}
@media (min-width: 1601px) and (max-width: 2560px) {
.headernav .navbar-nav .nav-link{font-size:1rem; padding:0 1.7rem;}
.headernav .navbar-nav .nav-item.language i{ margin:0 -1.5rem;font-size:0.875rem;}
}
#searchbox{ padding:2rem; display:none; position:absolute; background:#fff; right:0; top:4.625rem; z-index:10000;}
#searchbox .searchboxnr form{ position:relative; min-width:250px;}
#searchbox .searchboxnr input[type="text"]{line-height:2rem; height:2rem;text-indent:10px; color:#2c2c2c;float:left; display:block; min-width:200px; outline:none;border: 0px solid #DBDBDB;  background-color: #F5F5F5;}
#searchbox .searchboxnr input::-webkit-input-placeholder{color:#2c2c2c;}
#searchbox .searchboxnr input::-moz-placeholder{color:#2c2c2c;}
#searchbox .searchboxnr input::-ms-input-placeholder{color:#2c2c2c;}
#searchbox .searchboxnr button[type="submit"]{height: 2rem; line-height:2rem;background:none;border: 0; padding:0 1rem; font-size:1.125rem; color:#999;cursor:pointer;}


/* ==========================================================================
Slider
========================================================================== */
#carousel-area{overflow:hidden;background:#2c3e50; position:relative;max-height: 100vh;}
#carousel-area .carousel-item{background-size:100%;position:relative;}
#carousel-area .carousel-item .picbox{transform:scale(1.0); width:100%;}
#carousel-area .carousel-item .picbox img{animation: bannerimg 2s; max-width:100%;}
#carousel-area .carousel-item .carousel-caption{top:32%;right:10%;left:12%;text-shadow:none;padding-top:0;padding-bottom:0}
#carousel-area .carousel-item .carousel-caption h3{color:#fff;font-weight:500;font-size:1.5rem;line-height:3rem}
#carousel-area .carousel-item .carousel-caption h2{font-size:5rem;font-weight:700;color:#fff}
#carousel-area .carousel-item .carousel-caption h4{color:#fff;font-size:1.125rem;font-weight:500;margin-bottom:2rem}
#carousel-area .carousel-control{display:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#carousel-area:hover .carousel-control{display:block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}
#carousel-area .carousel-control-next,#carousel-area .carousel-control-prev{opacity:1;width: 5rem;}
#carousel-area .carousel-control-next i,#carousel-area .carousel-control-prev i{width:5rem;line-height:5rem;height:5rem;color:rgba(255,255,255,0.9);font-size:3.5rem;display:inline-block;background:none;border-radius:30px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
#carousel-area .carousel-control-next i:hover,#carousel-area .carousel-control-prev i:hover{opacity:.9}
/*#carousel-area .carousel-indicators li.active,#carousel-area .carousel-indicators li:hover{opacity:1}*/
#carousel-area .carousel-indicators{bottom:0;margin-bottom: 0.25rem; display:none;}
#carousel-area .carousel-indicators li{width:0.75rem;height:0.75rem;border-radius:100%; margin:0 0.25rem;border-top:none;border-bottom:none;}
#carousel-area .carousel-indicators li.active{ width:0.75rem; height:0.75rem; background:#dc4e20;}
#slider-area{margin-top:-1px}
#slider-area .btn{margin-right:1rem}
#slider-area .large_white{color:#fff}
#slider-area .about-info p{color:#333}

#carousel-area .butn-box {display: block;width: 58px;height: 164px;position: absolute;left: 50%;margin-left: -29px;
    bottom: 0;background: url(../images/btn_bg01.png) no-repeat center;z-index: 999;-webkit-transition: opacity 0.5s linear 1.8s;transition: opacity 0.5s linear 1.8s;}
#carousel-area .butn-box .butn {display: block;width: 58px;height: 58px;text-align: center;position: relative;cursor: pointer;overflow: hidden;}
#carousel-area .butn-box i {display: inline-block;width: 20px;height: 12px;position: absolute;left: 50%;margin-left: -9px; top: 23px;font-size: 22px;color: #fff;-webkit-animation: 1.5s linear 1.8s infinite icoDown;animation: 1.5s linear 1.8s infinite icoDown;}

.section{ position:relative;}
.banners{ position:relative; overflow:hidden; }
.banners .bannerpc{position: relative;height: 0px;padding-bottom:380px;overflow: hidden; margin:0 -50px;}
.banners .bannerpc .picbox{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.0); width:100%;}
.banners .bannerpc .picbox img{animation: bannerimg 2s; opacity:1;}
.banners .bannerwap { margin:0 -50px;}
.banners .bannerwap img{animation: bannerimg 2s; min-height:300px; }
.banners .txt{ position:absolute; z-index:100; top:0; left:0; width:100%; height:100%; z-index:10;color: #fff;}
.banners .txt h3{ text-transform:uppercase;}
.banners .txt h4{font-size: 0.875rem; font-weight:normal;/*letter-spacing: 5px;*/color: #fff;text-transform: uppercase;animation: puBanner 3s; text-shadow: 0 5px 10px rgba(0,0,0,0.2);}

.intitle h2{ line-height:2; font-weight:500;}
.intitle h2:after{content:""; width:4rem; height:2px; background-color:#ac715f; margin:0 auto; display:block;}

#inproduct .owl-theme .owl-controls .owl-buttons div,#inequipment .owl-theme .owl-controls .owl-buttons div{background:none; color:#0c0c0c; font-size:2rem; font-weight:600; padding:0 0;}

#inproduct{ position:relative; padding-bottom:6rem;}
.inproductlist .owl-wrapper-outer{ background-color:#f4f4f4;}
.inproductbox{background-color:#fff; }
.inproductbox:hover .txt{ text-decoration:underline;}
.inproductbox .more span{ color:#c0c0c0; border:1px #c0c0c0 solid; line-height:1.2;}
.inproducttxt .title{}
.inproducttxt .des{ font-size:1rem;}
.inproducttxt .more a{ background:#ac715f;}
.inequipmentbox{background-color:#f7f7f7; }
.inequipmentbox .txt{ position:relative;}
.inequipmentbox:hover .txt{ text-decoration:underline;}
.inequipmentbox .txt i{ position:absolute; right:0; top:0;}
.intedian{ position:absolute; left:0; bottom:3rem; width:100%; height:auto;}
.intedianbg{ background-color:#fff;}
.intedianbox{ position:relative;}
.intedianbox:before{ content:""; position:absolute; z-index:3; left:0; top:0; height:21px; width:3px; background-color:#ac715f;}
.intedianbox:after{ content:""; position:absolute; z-index:2; left:0; top:0;height:100%; width:1px; background-color:#999;}
.intedianbox .des span{ font-size:1.875rem;}
.intedianbox .des em{ color:#ac715f; font-size:1.125rem; font-style:normal; padding-left:1rem;}
.intedianbox .title{ font-size:1rem;}

.incontactbox ul li{ line-height:3;font-size: 1.75rem;}
.incontactbox ul li em{ margin-right:1rem;}

#inner-page{ padding-bottom:2rem;}

.productwztitle h3{ color:#dc4e20; font-size:20px;}
.productwztitle p.wz{ margin-bottom:10px;}
.productwzothers{line-height:40px;color:#9c9c9c;}
.productwzothers span{ margin-right:10px;}
.productwzothers span i{ padding:0 5px;}
.productwzothers a{color:#ededed;font-size:10px}
.productwz .productwzlist dl{ overflow:hidden; margin:0; padding:0; margin-bottom:5px;}
.productwz .productwzlist dl dt{ float:left; width:80px;}
.productwz .productwzlist dl dd{width:calc(100% - 85px); float:right;}
.productwz .productdescription{ overflow:hidden;margin: 0;padding: 10px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.productwz .productdescription dl dt{width:80px; float:left;}
.productwz .productdescription dl dd{width:calc(100% - 85px); float:right;}
.productwz .more{ padding:10px 0; overflow:hidden; display: none;}
.productwz .more a{ width:100px; display:block; background:#00207F; color:#fff;line-height:32px; float:left; margin-right:10px; text-align:center;border-radius:5px;}

.ProductZoomtitle{ border-bottom: 1px #11497c solid; margin: 15px 0;}
.ProductZoomtitle:after{ content: ""; display: table; clear: both;}
.ProductZoomtitle h3{ color: #333; font-size: 1rem;}
.ProductZoomtitle h3 i{font-size: 1rem; font-style: normal;color: #dc4e20; padding: 0 5px;font-weight:200;}
.ProductZoomtitle h3 em{ font-size: 1rem;font-style: normal; color: #dc4e20; text-transform: uppercase;font-weight:200;}
.ProductZoomtitle a{ float: right;}
.ProductZoomtitle a i{ font-style: normal;}
.ProductZoomtitle a:hover{ padding-right: 10px; text-decoration: underline; color: #14326e;}
.viewt{ font-size:1rem; font-weight: 600;}

.enquiry{ margin-top:20px;}
.enquiry a{ display:inline-block; line-height:35px; padding:0 20px; background-color:#ae0f0f; color:#fff;border-radius:4px;}

.shangxia ul{ border-top: 1px #00207F dotted;border-bottom: 1px #00207F dotted; padding: 0.5rem 0;}
.shangxia ul:after{ content: ""; display: table;clear: both;}
.shangxia ul li{ width: 50%; float: left;}
.shangxia ul li:nth-child(2){ text-align: right;}
.productpic{text-align:center}

.likearticle .title{ border-bottom: 1px #11497c solid; margin: 15px 0;}
.likearticle .title:after{ content: ""; display: table; clear: both;}
.likearticle .title h3{ color: #333; font-size: 1rem;}
.likearticle .title h3 i{font-size: 1rem; font-style: normal;color: #dc4e20; padding: 0 5px;font-weight:200;}
.likearticle .title h3 em{ font-size: 1rem;font-style: normal; color: #dc4e20; text-transform: uppercase;font-weight:200;}
.likearticle .title a{ float: right;}
.likearticle .title a i{ font-style: normal;}
.likearticle .title a:hover{ padding-right: 10px; text-decoration: underline; color: #14326e;}
.likearticle .likearticlelist ul li{ line-height:30px; margin-bottom:5px; padding-bottom:5px;border-bottom: 1px solid #ccc;}
.likearticle .likearticlelist ul li span{ float:right;}
.likearticle .likearticlelist ul li a{ line-height:30px;}
.likearticle .likearticlelist ul li a i{ margin-right: 5px;}
.likearticle .likearticlelist ul li a:hover{ color: #dc4e20; padding-left:20px;}
.commend .title{ border-bottom: 1px #11497c solid; margin: 15px 0;}
.commend .title:after{ content: ""; display: table; clear: both;}
.commend .title h3{ color: #333; font-size: 1rem;}
.commend .title h3 i{font-size: 1rem; font-style: normal;color: #dc4e20; padding: 0 5px;font-weight:200;}
.commend .title h3 em{ font-size: 1rem;font-style: normal; color: #dc4e20; text-transform: uppercase;font-weight:200;}
.commend .title a{ float: right;}
.commend .title a i{ font-style: normal;}
.commend .title a:hover{ padding-right: 10px; text-decoration: underline; color: #dc4e20;}

.commendbg{ padding: 30px 0;}
.commend .commendproductbox{  position: relative;-webkit-box-shadow:-4px 0px 8px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0;box-shadow: -3px 0px 6px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0; background:#f7f7f7; }
.commend .commendproductbox .pic{ position: relative;}
/*.commend .commendproductbox .pic::before{ position: absolute;content: ""; display: none; top: 0; right: 0; width: 48px; height: 48px; background: url(../images/tj.png) no-repeat; z-index: 10;}*/
.commend .commendproductbox .pic:before{ position: absolute;content: ""; display: block; top: 0; left: 10px; width: 48px; height: 48px; background: url(../images/logo.png) no-repeat center; z-index: 10; background-size: 100% auto;}
.commend .commendproductbox .txt{  color: #666; text-align: center;}
.commend .commendproductbox .txt a{ line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color: #666; padding: 0 5px; display: block;}
.commend .commendproductbox .txt:hover a{ text-decoration:underline; color: #dc4e20;}

.commendnews .commendnewsbox{ margin:0 15px 15px;}
.commendnews .commendnewsbox .pic img{ width: 100%;}
.commendnews .commendnewsbox .txt h3{ font-size:1rem;}
.commendnews .commendnewsbox .txt h3 a{white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display: block;line-height: 1.5rem; padding: 0;}
.commendnews .commendnewsbox .txt h3:hover a{color: #333 ; text-decoration: underline; padding-left: 10px;}
.commendnews .commendnewsbox .txt p{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin: 0;}
.commendnews .commendnewsli{ overflow: hidden; border-bottom: 1px #e5e5e5 solid;}
.commendnews .commendnewsli span{ float: right;line-height: 1.5rem;  display: block;    padding: 10px 0;}
.commendnews .commendnewsli a{ white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display: block;line-height: 1.5rem; padding: 10px 0;}
.commendnews .commendnewsli a i{ margin-right: 5px;}
.commendnews .commendnewsli a:hover{ color: #dc4e20 ; text-decoration: underline;margin-left: 10px;}


.crumb{ margin-bottom:1rem;}
.crumb .crumbbox{ padding:0.5rem 0; line-height:2rem;color: #666;}
.crumb .crumbbox:after{ content: ""; display: table; clear: both;}
.crumb .crumbbox .crumbwz i{ margin-right:5px; font-size:1.2rem;line-height:2rem; }
.crumb .crumbbox .crumbwz:hover i{ color:#dc4e20;}
.crumb .crumbbox .crumbwz a{line-height:2rem; color: #666;}

.sitemaplist{ padding: 15px 0;}
.sitemaplist ul{ display: block;}
.sitemaplist ul:after{ clear: both; content: ""; display: table;}
.sitemaplist ul li{ padding-left: 10px;}
.sitemaplist ul li a{ line-height: 36px; padding: 0 15px; color: #000; font-weight: 600; font-size: 1.5rem;}
.sitemaplist ul li a:hover{ text-decoration: underline; padding: 0 5px 0 25px; color: #14326e;}
.sitemaplist ul li ul li{ float: left;}
.sitemaplist ul li ul li.xj{ float: none; width:100%; overflow:hidden;}
.sitemaplist ul li ul li a{ font-weight: normal;font-size: 1rem;}

.substation .title{position:relative;height:36px;padding:0; margin: 15px 0;  text-align:left;font:bold 22px/42px "微软雅黑";color:#737372;}
.substation .title a{position:absolute;right:10px;top:0px;height:36px;width:100px;text-align: center;display:block;background:#eb2830;color:#fff;line-height: 36px;font-size:14px;font-weight: bold;}
.substation .title a:hover{text-decoration:none;background:#f39c11;color:#fff;}
.substation .substationlist{border: 1px solid #f4f4f4;padding: 15px; margin: 15px 0;}
.substation .substationlist dl{padding: 10px 0;line-height: 24px;overflow: hidden;border-bottom: 1px dashed #ddd;}
.substation .substationlist dl dt{float:left;font-family:arial;font-weight:bold;font-size:18px;width:35px;padding-left:25px;color:#444;display: table-cell;}
.substation .substationlist dl  dd{margin:0 0 0 55px;padding-left:15px;border-left:1px dashed #b2b2b2;}
.substation .substationlist dl  dd a{padding:1px 12px 1px 12px;white-space:nowrap;float:left; display: block; line-height: 30px;;}
.substation .substationlist dl  dd a:hover{text-decoration:none;background:#eb2830;color:#fff;}
.substation .substationfooter{text-align: center; border-top: 2px solid #eb2830;padding-top: 10px;}
.substation .substationfooter .substationfootermenu ul li{ display: inline-block; line-height: 30px;}
.substation .substationfooter .substationfootermenu ul li a{ display: block; padding: 0 15px;}
.substation .substationfooter .copyright{ text-align: center; padding: 10px 0;}

.subcolumn ul{ overflow:hidden;}
.subcolumn ul li a{ display:block;background:none;border:1px #333 solid;line-height:3;}
.subcolumn ul li a:hover,.subcolumn ul li.active a{background:#9a2221; border-color:#9a2221; color:#fff;}

.leftcategorylist ul li a{ background:#666666; color:#fff;}
.leftcategorylist ul li a:hover,.leftcategorylist ul li.active a{ background:#ac7163;}

.tree li {position:relative;}
.tree li a{ background:#666666; color:#fff; line-height: 3.5rem;}
.tree li a:hover,.tree li.active a{ background:#ac7163;}
.tree li span {display:block; position: absolute; z-index: 1000; right: 1rem; top: 0; color: #fff; font-size: 1.25rem; line-height: 3.5rem;}
.tree li.parent_li>span {cursor:pointer}

.menuTree ul{display:none;}
.menuTree li{line-height:45px;color:#da251c; display:block;position:relative;}
.menuTree li a{background:#666666; color:#fff; line-height: 3.5rem;}
.menuTree li span{ display:block; color:#fff; position: absolute; top: 0; right: 10px; font-size: 1.25rem; cursor: pointer; line-height: 3.5rem;}
.menuTree li.parent i{display:block;}
.menuTree li.parent i.bi-dash{display:none;}
.menuTree li.parent.expanded i.bi-plus{display:none;}
.menuTree li.parent.expanded i.bi-dash{display:block;}
.menuTree li a:hover,.menuTree ul li a.active{color: #fff; background:#ac7163;text-decoration:underline;}

.blog-item a{ display:block;}
.blog-item-wrapper{background:#fff;border: solid 1px #e5e5e5;margin-bottom: 40px;box-shadow:0 10px 50px 0 rgba(255,255,255,.15);-webkit-transition:transform .2s linear,-webkit-box-shadow .2s linear;-moz-transition:transform .2s linear,-moz-box-shadow .2s linear;transition:transform .2s linear,box-shadow .2s linear}
.blog-item-wrapper:hover{box-shadow:0 10px 50px 0 rgba(84,110,122,.35);/*-webkit-transform:translateY(-5px);transform:translateY(-5px)*/}
.blog-item-wrapper:hover .blog-item-img:before{opacity:1}
.blog-item-img{position:relative; overflow:hidden;}
.blog-item-img img{width:100%;-webkit-transition-duration:4s;-o-transition-duration:4s;transition-duration:4s}
.blog-item-wrapper:hover .blog-item-img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.blog-item-text{padding:20px 30px}
.blog-item-text h3{line-height:26px;font-size:18px;font-weight:500;margin-bottom:10px;color:#263238}
.blog-item-text:hover h3{ color:#dc4e20;}
.meta-tags{margin-top:10px}
.meta-tags span{color:#999;;margin-right:10px}
.meta-tags span i{margin-right:5px} 

.productlistbox{box-shadow:0 1px 2px 0 rgba(0,0,0,.1); background:#fff;position:relative;border: 1px solid rgba(0,0,0,1);}
.productlistbox .txt{transition:all .5s ease;position:relative; overflow:hidden;}
.productlistbox .txt::before{content: '';position: absolute;left: -170px;top: -70px;width: 140px;height: 140px;background-image: linear-gradient(to top,#9a754e 0%,#dc4e20 100%);transform: rotate(45deg);   transition: all .5s ease;}
.productlistbox .txt i{ color:#fff; position:absolute; left:0.875rem; top:0.875rem; line-height:1; font-size:0.875rem; font-weight:600;}
.productlistbox .txt a{ display:block; text-align: center;text-overflow: ellipsis;white-space: nowrap;color: rgb(255, 255, 255);font-size: 1.125rem;height:4.375rem;line-height:4.375rem;padding: 0px 20%;transition: all 0.5s ease 0s;}
.productlistbox .pic{position: relative;width: 100%;height: 0px;padding-bottom: 100%;overflow: hidden;}
.productlistbox .pic img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.0); width:100%; transition:all 2s ease .5s;}
.productlistbox .more{ background:#ac7163;}
.productlistbox .more a{width: 100%;padding: 0;text-align: center;font-size: 1rem;color: #fff; line-height:2; display:block;}
.productlistbox .more a i{transition:all .5s ease}
.productlistbox .more .line{position:relative;margin-top:10px;width:100%;height:2px}
.productlistbox .more .line::before{content:'';position:absolute; z-index:2;left:0;display:block;width:0;height:2px;background:#dc4e20;transition:all .5s ease}
.productlistbox:hover{box-shadow:0 0 20px #ddd;}
.productlistbox:hover .txt::before{left:-100px; }

.productlistbox:hover .more a i{ margin-left:0.25rem;}
.productlistbox:hover .more .line::before{width:100%;}
.productlistbox:hover .pic img{transform:translate(-50%, -50%) scale(1.1); }

.btnlist a{ width:45%; background:#ff0036; color:#fff; line-height:2; border:1px #ff0036 solid;}
.btnlist a:nth-child(2){ background:#ffeded; color:#ff0036;}

.piclistbox{box-shadow:0 1px 2px 0 rgba(0,0,0,.1); background:#fff;position:relative;margin-bottom:1.875rem;border: 1px solid rgba(243,243,243,1);}
.piclistbox .txt{transition:all .5s ease;position:relative; overflow:hidden;}
.piclistbox .txt::before{content: '';position: absolute;left: -170px;top: -70px;width: 140px;height: 140px;background-image: linear-gradient(to top,#9a754e 0%,#dc4e20 100%);transform: rotate(45deg);   transition: all .5s ease;}
.piclistbox .txt i{ color:#fff; position:absolute; left:0.875rem; top:0.875rem; line-height:1; font-size:0.875rem; font-weight:600;}
.piclistbox .txt a{ display:block; text-align: center;text-overflow: ellipsis;white-space: nowrap;color: rgb(0, 0, 0);font-size: 1.125rem;height:4.375rem;line-height:4.375rem;padding: 0px 20%;transition: all 0.5s ease 0s;}
.piclistbox .pic{position: relative;width: 100%;height: 0px;padding-bottom: 100%;overflow: hidden;}
.piclistbox .pic img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.0); width:100%; transition:all 2s ease .5s;}
.piclistbox .more a{width: 100%;padding: 0.5rem 0;text-align: center;font-size: 1rem;color: #655148; line-height:2; display:block;}
.piclistbox .more a i{transition:all .5s ease}
.piclistbox .more .line{position:relative;margin-top:10px;width:100%;height:2px}
.piclistbox .more .line::before{content:'';position:absolute; z-index:2;left:0;display:block;width:0;height:2px;background:#dc4e20;transition:all .5s ease}
.piclistbox:hover{box-shadow:0 0 20px #ddd;}
.piclistbox:hover .txt::before{left:-100px; }
.piclistbox:hover .more a i{ margin-left:0.25rem;}
.piclistbox:hover .more .line::before{width:100%;}
.piclistbox:hover .pic img{transform:translate(-50%, -50%) scale(1.1); }

.single-contact{position: relative; z-index:1000000;}
.abouttxt{ font-size: 1.125rem; line-height: 2;}
.abouttxt p{text-indent:2em;}

.abouttxt_en{ font-size: 0.875rem; line-height: 2;}
.erweima img{ max-width:260px;}

.pages{ padding:15px 0 30px;}
.pages .page-link{color: #333; font-family:Arial;}
.pages .page-item.active .page-link{background-color: #dc4e20;border-color: #dc4e20;}
.single{ margin-bottom:50px;}
.form-group{ position:relative;}
.content-form .content-form-title h3{font-size:1.5rem;font-weight: lighter;letter-spacing: -3px;text-transform: uppercase;}
.content-form .content-form-title p{line-height: 2rem;}
#inmessage .content-form .content-form-title h3,#inmessage .content-form .content-form-title p{ color:#fff;}
.content-form .form-group{border-bottom: solid 1px #666;}
.content-form .form-group label{ display:none;}
.content-form .form-group .form-control{ border:none; background:none; margin-bottom:0;color: #666;font-size:0.875rem;}
.content-form .form-submit button{ width: 100%;}

/* ==========================================================================
Contact Us
========================================================================== */
.form-control{width:100%;margin-bottom:20px;border:1px solid transparent;background:#f5f5f5;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.form-control:focus{border:1px solid #dc4e20;outline:0;box-shadow:none;}
.btn.disabled,.btn:disabled{opacity:1}
textarea{border-radius:4px!important}
.selectarea dl dt{ padding:0 0.5rem;}
.selectarea select{ border:none; outline:none; text-align:center; background:none; }

.contactlist ul li{ border-bottom:1px #e0e0e0 dashed; line-height:2; padding:2rem 1rem; font-size:1.25rem;}
.contactlist ul li em{ margin-right:1rem; color:#0625a4; font-weight:500; font-size:1.8rem;}

.content-window-card {position: relative;box-shadow: none;bottom: 0;left: 0;width: auto;padding: 0;}
.content-window-card p {height: 2rem;}
.custom-info {border: solid 1px silver;}
div.info-top {position: relative;background: none repeat scroll 0 0 #F9F9F9;border-bottom: 1px solid #CCC;border-radius: 5px 5px 0 0;}
div.info-top div {display: inline-block;color: #333333;font-size: 14px;font-weight: bold;line-height: 31px;padding: 0 10px;}
div.info-top img {position: absolute;top: 10px;right: 10px;transition-duration: 0.25s;}
div.info-top img:hover {box-shadow: 0px 0px 5px #000;}
div.info-middle {font-size: 12px;padding: 10px 6px;line-height: 20px;}
div.info-bottom {height: 0px;width: 100%; clear: both; text-align: center;}
div.info-bottom img { position: relative; z-index: 104;}
.info-middle img {float: left; margin-right: 6px;}

/* ==========================================================================
Footer Style
========================================================================== */
.right_bar{position:fixed; top:300px; right:0; width:50px; height:203px; z-index:10;}
.right_bar li{ width:62px; height:50px; z-index:20; color:#fff; line-height:50px;}
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:292px; }
.right_bar li.rtbar_li2{ position:absolute; top:102px; left:0; }
.right_bar li.rtbar_li3{ position:absolute; top:51px; left:0; width:292px; }
.right_bar li.rtbar_li4{ top:153px;}
.rtbar_li4{ position:absolute; top:153px; left:0;}
.right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#39424b; opacity:0.8; border-radius:6px;}
.right_bar li a img{ display:block; float:left;width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{     background-image: linear-gradient(to top,#9a754e 0%,#ecd7af 100%); opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-120px; left:-180px; max-width: 180px; padding-bottom:9px; }
.rtbar_shwx img{ padding:14px; background-color:#FFF; }
.rtbar_shwx{top:-50px; background:#fff;}

footer{color:#fcf9f9;line-height:2rem; background:url(../images/footerbg.jpg) no-repeat center top #121921;}
footer a{ color:#fcf9f9;}
footer .footerico span{width:5rem;height:5rem;display: block;float: left;line-height:5rem;text-align: center;font-size:2.75rem;color: #666;border: 2px solid #666;border-radius: 50%;}
footer .footerico .content{font-size: 1.125rem;}
footer .footer-Content{padding:2rem 0;}
footer .footercontact{margin:0;padding:0;}
.rotate{-webkit-animation:2s infinite linear;-moz-animation:2s infinite linear;-ms-animation:2s infinite linear;animation:2s infinite linear;}
.rotate:hover{-webkit-animation-name:a-rotate;-moz-animation-name:a-rotate;-ms-animation-name:a-rotate;animation-name:a-rotate}
@-webkit-keyframes a-rotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}
@-moz-keyframes a-rotate{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}
@-ms-keyframes a-rotate{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}
@keyframes a-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
footer .footerico a{font-size:0.75rem; display:inline-block; border:1px #fff solid; width:1.5rem; line-height:1.5rem; border-radius:5px;}

.footermessage{ background:url(../images/footerboxbg.jpg) no-repeat center top #1a232c;}
.footermessage .footermessagetitle{text-align:center;margin-bottom:30px;}
.footermessage .footermessagetitle h3{font-weight:300; text-transform:uppercase; font-size:4rem;}
.footermessage form{ max-width:640px; margin:0 auto;}
.footermessage .footermessagebox{ margin:0 -15px;}
.footermessage input[type="text"]{ text-indent:10px; border:none; border:none; background:#141b23;text-transform:uppercase;line-height:45px; height:45px; margin:0; padding:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0);box-shadow:inset 0 0 0 rgba(0,0,0,0);}
.footermessage input[type="submit"]{ background:#ac715f; display:block; color:#fff;border:none;text-transform:uppercase; line-height:45px; border-bottom:1px #0625a4 solid; width:100%; padding:0; margin:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}


#friendlink{ padding:15px 0; color: #333;}
#friendlink .friendlinktitle{ line-height:1.5rem; display:inline-block;}
#friendlink .friendlinkwz a{ line-height:1.5rem;color: #333;margin:0 0.5rem; padding: 0 0.5rem; display: inline-block;}
#baiduditubox img,.google-maps img {max-width: none!important;}
#baiduditubox label{ max-width: none!important;}

@media (min-width: 641px) and (max-width: 1024px) {
	
}
@media (max-width: 768px) {
.navbar-brand{height:4rem; line-height:4rem;}
.navbar-brand img{ max-width:15rem; max-height:4rem;}
.headernav .navbar-nav{ padding:1rem 0;}
.headernav .navbar-nav .nav-link{ line-height:2.5rem;font-size: 1rem; color:#333; margin:0 0; padding:0 0.5rem;font-weight:300;border-bottom: 1px dashed #d6d6d6;position:relative;}
.headernav .navbar-nav .nav-item.language i{margin: 0 0.2rem;}
.navbar-expand-md .navbar-nav .nav-link:before{ display:none!important;}
.headernav .navbar-nav li.nav-item::before,.dropdown-toggle::after{ display:none;}
.headernav .navbar-nav .nav-link i{ position:absolute; right:0.25rem; top:0; font-size:0.75rem;}
.navbar-expand-md .navbar-nav .nav-link:focus, .navbar-expand-md .navbar-nav .nav-link:hover, .navbar-expand-md .navbar-nav .active>.nav-link, .navbar-expand-md .navbar-nav .nav-link.active, .navbar-expand-md .navbar-nav .nav-link.open, .navbar-expand-md .navbar-nav .open>.nav-link{ color:#333;}
.headernav ul.dropdown-menu.show{display:block!important;}
.headernav ul.dropdown-menu li a.dropdown-item{line-height:1.875rem;padding: 0.25rem 0;border-bottom: 1px dashed #f6f6f6;}
.headernav ul.dropdown-menu li a.dropdown-item i{ float:left;}
.headernav .navbar-nav .searcha{ display:none;}
#searchbox{ display:block; position:relative; top:0;padding: 0.5rem;}
/*.dropdown-toggle::after{ display:inline-block;}*/
#carousel-area .carousel-control-next, #carousel-area .carousel-control-prev{ opacity:0;}
#inproduct,#inabout,#inblog,#portfolios,#blog{ padding:1rem 0;}
.content-form .form-group,.content-form .content-form-title{margin:0.5rem 0;}
.section-header{margin-bottom: 1rem;}
#carousel-area .carousel-item .picbox{ position:relative;}
#carousel-area .carousel-item .picbox a{ margin:0 -50px; display:block; text-align:center;}
.intedian{ position:relative;bottom:0;}

.lefttitle{background-color:#9a2221;}
.lefttitle h3{ line-height:3.5rem; margin:0; padding:0 10px; color:#fff; font-size:1rem;}
.lefttitle i{ float:right; line-height:3.5rem; font-size:1rem; color:#fff; margin-right:0.5rem; cursor:pointer;}
.subcolumn{ padding:0 0; display:none;}
.section-header .section-title,#inabout .txt .title h3,#inabout .txt .title h4,.content-form .content-form-title h3{ font-size:1.5rem; line-height:1.5;letter-spacing:0;}
.caselist .bigtxt a{padding: 0.25rem 0;display: block;line-height: 1.5rem;font-size: 1rem;}
.counterupnum p,.inaboutbox .txt dt,.inaboutbox .txt dd,#blog .nav li div.lia a,.content-form .content-form-title p,.joinbox5 ul li .boxer .txt h3{font-size:0.875rem;}
.intitle h2{ font-size:1.5rem!important;}
.incontactbox ul li,.inproductbox .txt{ line-height:2;font-size: 1rem;}
.leibie{ display: none;}
.productshow,.viewbox{padding:0;margin-top:0;}
footer{ padding:1rem 0 3rem;}
.footermessage .footermessagetitle h3{ font-size:1.5rem;}
.footerquicklink{background: #000000;text-align:center; line-height:3rem; height:3rem; position:fixed; bottom:0; left:0; width:100%; z-index:9990; overflow:hidden;}
.footerquicklink a{ display:block;text-align:center; color:#fff; line-height:3rem; width:25%; float:left; font-size:0.875rem;}
.footerquicklink a i{ font-size:1.25rem; padding-right:0.5rem; display:inline-block; vertical-align:top; color:#bc9f71;}
}